/* 
背景红:#802626;
*/
/*  top-bar  */
.top-bar{ 
	display: flex; 
	flex-direction: row; 
	justify-content: space-between; 
	padding: 20upx; 
	background-color: #FFFFFF;
	}
.scan-icon,.message-icon{ 
	display: inline-block; 
	text-align: center;
	}
.scan-icon .ico{ 
	width: 21upx; 
	height: 28upx;
	}
.message-icon .ico{ 
	width: 24upx; 
	height: 27upx;
	}
.scan-icon .text,.message-icon .text{ 
	font-size: 11px; 
	color: #000000;
	}
.search-input{ 
	position: relative;
	z-index: 99;
	width: 520upx;
	height: 80upx;
	background-color: #f5f5f5;
	border-radius: 20upx;
	}
.search-input .search-ico{ 
	width: 30upx; 
	height: 30upx; 
	position: absolute; 
	left: 20upx; 
	top: 25upx;
	}
.search-input input{ 
	background-color: #f5f5f5; 
	width: 370upx; 
	padding-left: 60upx;
	height: 80upx; 
	font-size: 13px;
	border-radius: 40upx;
	}
/* banner */
.banner{ 
	padding: 0; 
	background-color: #FFFFFF;
	margin-bottom: 40upx;
	}
.banner .banner-img{ 
	/* width: 100%; */
	width: 750upx;
	 height: 380upx;
	}
.tit{
	color: #4c4c4c;
	font-size: 14px;
	padding: 16upx;
}
.sm-tit{
	font-size: 12px;
}
.msg{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	padding:0 16upx;
	font-size: 14px;
	color: #333333;
	align-items: center;
}
.big-msg{
	max-width: 610upx;
	overflow:hidden; 
	text-overflow:ellipsis; 
	white-space:nowrap;
}	
.tag1{
	width: 140upx;
	background-color: #c2ccd1;
	text-align: center;
	border-radius: 5upx;
	font-size: 12px;
	line-height: 19px;
	height: 19px;
}
.mark{
	overflow: hidden;
	text-overflow: ellipsis;
	display:-webkit-box; 
	-webkit-box-orient:vertical; 
	-webkit-line-clamp:2; 
	padding:0 16upx;
	font-size: 12px;
	color: #666666;
}
.cos-img{
	width: 750upx;
}
.part{
	width: 750upx;
}
.part-img-box{
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-bottom: 20upx;
}
.no-margin{
	margin-bottom: 0;
}
.part-img{
	width: 750upx;
}
.part-sm-img{
	width: 306upx;
	margin-right: 20upx;
}
.part-list{
	width: 750upx;
	box-sizing: border-box;
	padding: 30upx;
	display: flex;
	flex-direction: row;
	
}
.img-box{
	width: 212upx;
	margin-right: 30upx;
	height:448upx;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}
.list-img{
	width: 212upx;
	height: 212upx;
}
.big-img{
	width: 448upx;
	height: 448upx;
}
.list-image{
	width: 212upx;
	height: 212upx;
	margin-left: 30upx;
}
.list-image-2{
	width: 210upx;
	height: 274upx;
	margin-left: 30upx;
}








.costomiza_list{margin-bottom: 20upx;}

.close-btn{
	width: 30upx;
	height: 30upx;
	position: absolute;
	right: 15upx;
	top: 22upx;
	z-index: 999;
}
.lottery_box{
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.8);
	left: 0;
	top:0;
	z-index: 99999999;
	padding-top: 20%;
}
.lottery_img{
	width: 100%;
}
.close_lottery{
	position: absolute;
	width: 50upx;
	height: 50upx;
	right: 5%;
	top:14%;
	z-index: 9999;
}
.more-goods{
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	color: #999898;
	font-size: 12px;
	padding: 16upx;
}
.key-word-box{
	width: 750upx;
	box-sizing: border-box;
	padding: 20upx;
}
.key-word{
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	
}
.tag{
	padding: 5upx 20upx;
	border-radius: 20upx;
	background-color: #859dc2;
	color: #FFFFFF;
	margin-right: 20upx;
	line-height: auto;
	flex-shrink: 0;
	font-size: 12px;
}